<!--Alist V3建议添加的，已经默认添加了，如果你的没有建议加上-->
<script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<!--引入字体，全局字体使用-->
<link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-webfont@1.1.0/lxgwwenkai-regular.css" />
<!--评论系统使用的js-->
<script src="https://unpkg.com/valine/dist/Valine.min.js"></script>
<!-- Font6，自定义底部使用和看板娘使用的图标和字体文件-->
<link type="text/css" rel="stylesheet" href="https://npm.elemecdn.com/font6pro@6.0.1/css/fontawesome.min.css"
  media="all" />
<link href="https://npm.elemecdn.com/font6pro@6.0.1/css/all.min.css" rel="stylesheet" />
<!--音乐播放器所用的文件-->
<script src="https://cdn.jsdelivr.net/npm/meting@latest/dist/Meting.min.js"></script>
<!-- require APlayer -->
<link rel="stylesheet" href="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.css" />
<script src="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<!-- <script src="https://npm.elemecdn.com/meting@2.0.1/dist/Meting.min.js"></script> -->
<!-- Font6，自定义底部使用和看板娘使用的图标和字体文件-->
<link type="text/css" rel="stylesheet" href="https://npm.elemecdn.com/font6pro@6.0.1/css/fontawesome.min.css"
  media="all" />
<link href="https://npm.elemecdn.com/font6pro@6.0.1/css/all.min.css" rel="stylesheet" />

<!-- 顺序切换模型材质 -->
<!-- <script src="https://unpkg.com/live2dapi-noa@latest/npm/sequential/autoload.js"></script> -->
<!-- 随机切换模型材质 -->
<script src="https://cdn.jsdelivr.net/gh/nova1751/live2d-api@latest/jsdelivr/random/autoload.min.js"></script>

<!-- 看板娘位置靠右 -->
<link rel="stylesheet" href="https://unpkg.com/live2dapi-noa@latest/css/right.css" />

<style>
  /* 去除通知栏 右上角 X */
  /* 图片API用法点进去都会有食用说明的
  樱花：https://www.dmoe.cc
  夏沫：https://cdn.seovx.com
  搏天：https://api.btstu.cn/doc/sjbz.php
  姬长信：https://github.com/insoxin/API
  保罗：https://api.paugram.com
  岁月小筑：https://img.xjh.me
  东方Project：https://img.paulzzh.com
https://www.loliapi.com/acg/
https://hefollo.com/apis.php?type=电脑端-动漫图片
https://t.alcy.cc/moe
https://3650000.xyz/
https://pic.re/images
  */
  #video-container {
    border-radius: 10px;
    overflow: hidden;
  }

  /*白天背景图*/
  .hope-ui-light {
    background-image: url('https://img.picgo.net/2024/12/10/IMG_04682eb88af7cb2e4682.md.png') !important;
    /* https://img.picgo.net/2024/12/10/eef463f8-6ac8-11ef-9dc3-329037ae0fb9_00003_raw48769bdb83ba1f3e.md.png */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;
  }

  /*夜间背景图*/
  .hope-ui-dark {
    background-image: url('https://img.picgo.net/2024/12/10/eef463f8-6ac8-11ef-9dc3-329037ae0fb9_00003_raw48769bdb83ba1f3e.md.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;
  }

  /*主列表白天模式透明*/
  .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  /*主列表夜间模式透明*/
  .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
    background-color: rgb(0 0 0 / 50%) !important;
  }

  /*readme白天模式透明*/
  .hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  /*readme夜间模式透明*/
  .hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
    background-color: rgb(0 0 0 / 50%) !important;
  }

  /*顶部右上角切换按钮透明*/
  .hope-ui-light .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .hope-ui-dark .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color: rgb(0 0 0 / 10%) !important;
  }

  /*右下角侧边栏按钮透明 第一个是白天 第二个是夜间*/
  .hope-ui-light .hope-c-PJLV-ijgzmFG-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .hope-ui-dark .hope-c-PJLV-ijgzmFG-css {
    background-color: rgb(0 0 0 / 50%) !important;
  }

  /*白天模式代码块透明*/
  .hope-ui-light pre {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  /*夜间模式代码块透明*/
  .hope-ui-dark pre {
    background-color: rgba(255, 255, 255, 0) !important;
  }

  /*左侧侧边栏目录*/
  /*白天模式*/
  .hope-ui-light .hope-c-PJLV-ieGWMbI-css {
    background: rgba(255, 255, 255, 0.3) !important;
  }

  /*夜间模式*/
  .hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
    background-color: rgb(0 0 0 / 50%) !important;
  }

  /* 返回顶部 */
  .hope-c-PJLV-ihVEsOa-css {
    background: rgba(255, 255, 255, 0.3) !important;
  }

  .hope-ui-dark .hope-c-PJLV-ihVEsOa-css {
    background-color: rgb(0 0 0 / 50%) !important;
  }

  /*正常情况未使用吸附功能*/
  /*导航条*/
  /*白天模式*/
  .hope-ui-light .hope-c-PJLV-idaeksS-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px !important;
  }

  /*夜间模式*/
  .hope-ui-dark .hope-c-PJLV-idaeksS-css {
    background-color: rgb(0 0 0 / 50%) !important;
    border-radius: 10px !important;
  }

  /*顶栏*/
  .hope-c-PJLV-ikaMhsQ-css {
    background: rgba(255, 255, 255, 0) !important;
  }

  /* 吸附到页面顶部 */
  /*顶部*/
  .hope-c-PJLV-icWrYmg-css {
    background: rgba(255, 255, 255, 0) !important;
  }

  /*导航条*/
  .hope-c-PJLV-icKsjdm-css::after {
    background: rgba(255, 255, 255, 0) !important;
  }

  /*白天模式*/
  .hope-ui-light .hope-c-PJLV-icKsjdm-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px !important;
  }

  /*夜间模式*/
  .hope-ui-dark .hope-c-PJLV-icKsjdm-css {
    background-color: rgb(0 0 0 / 50%) !important;
    border-radius: 10px !important;
  }

  /*仅吸附导航栏*/
  /*导航条*/
  .hope-c-PJLV-ifdXShc-css::after {
    background: rgba(255, 255, 255, 0) !important;
  }

  /*白天模式*/
  .hope-ui-light .hope-c-hrsMRY {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px !important;
  }

  /*夜间模式*/
  .hope-ui-dark .hope-c-hrsMRY {
    background-color: rgb(0 0 0 / 50%) !important;
    border-radius: 10px !important;
  }

  /*底部CSS，.App .table这三个一起的*/
  dibu {
    border-top: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  .App {
    min-height: 85vh;
  }

  .table {
    margin: auto;
  }

  /*去掉底部*/
  .footer {
    display: none !important;
  }

  /*全局字体*/
  * {
    font-family: LXGW WenKai;
  }

  * {
    font-weight: bold;
  }

  body {
    font-family: LXGW WenKai;
  }

  /*以下为评论系统专用*/
  /*适配大小契合度*/
  .newValine {
    width: min(96%, 940px);
    flex-direction: column;
    row-gap: var(--hope-space-2);
    border-radius: var(--hope-radii-xl);
    padding: var(--hope-space-2);
    box-shadow: var(--hope-shadows-lg);
  }

  /*评论区 - 白天模式透明度*/
  .hope-ui-light .newValine {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  /*评论区 - 夜间模式透明度*/
  .hope-ui-dark .newValine {
    background-color: rgb(0 0 0 / 80%) !important;
  }

  /*输入栏里面跳舞的小人背景图*/
  .vedit {
    background-image: url(https://cdn.jsdelivr.net/gh/anwen-anyi/imgAnwen/images/OuNiJiang.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: all 0.25s ease-in-out 0s;
  }

  textarea#comment-textarea:focus {
    background-position-y: 120px;
    transition: all 0.25s ease-in-out 0s;
  }

  /*渐变背景CSS*/
  /* #canvas-basic {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
  } */
</style>